﻿@model WebUI.Models.SignUpViewModel

@{
    ViewBag.Title = "Sign Up";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<h1>Sign Up</h1>
<p>
    Sign up as an individual account here. Want to create an company account? <span><a href="/job/about-posting">Post a job</a> to create one </span>
</p>
<div class="spacer"></div>

@using (Html.BeginForm()) {
    <div class="SignFormDiv">
        <fieldset>
            <div class="editor-label">
                @Html.LabelFor(m => m.FirstName)
            </div>
            <div class="editor-field">
                @Html.TextBoxFor(m => m.FirstName)
                @Html.ValidationMessageFor(m => m.FirstName)
            </div>

            <div class="editor-label">
                @Html.LabelFor(m => m.LastName)
            </div>
            <div class="editor-field">
                @Html.TextBoxFor(m => m.LastName)
                @Html.ValidationMessageFor(m => m.LastName)
            </div>

            <div class="editor-label">
                @Html.LabelFor(m => m.Title) <span>(e.g. "Senior Graphic Designer" or "Art Director")</span>
            </div>
            <div class="editor-field">
                @Html.TextBoxFor(m => m.Title)
                @Html.ValidationMessageFor(m => m.Title) 
            </div>
            <div class="editor-label">
                @Html.LabelFor(m => m.Location) <span>(e.g. "Los Angeles, CA" or "London, UK")</span>
            </div>
            <div class="editor-field">
                @Html.TextBoxFor(m => m.Location)
                @Html.ValidationMessageFor(m => m.Location)
            </div>

            <div class="editor-label">
                @Html.LabelFor(m => m.UserName)<span>(Your Juicybasket URL: http://juicybasket.com/user/<strong>USERNAME</strong>) </span>
            </div>
            <div class="editor-field">
                @Html.TextBoxFor(m => m.UserName)
                @Html.ValidationMessageFor(m => m.UserName)
            </div>

            <div class="editor-label">
                @Html.LabelFor(m => m.Email)
            </div>
            <div class="editor-field">
                @Html.TextBoxFor(m => m.Email)
                @Html.ValidationMessageFor(m => m.Email)
            </div>

            <div class="editor-label">
                @Html.LabelFor(m => m.Password) <span>(Minimum 6 characters)</span>
            </div>
            <div class="editor-field">
                @Html.PasswordFor(m => m.Password) 
                @Html.ValidationMessageFor(m => m.Password)
            </div>
            <div class="smallspacer"></div>
            <p>
                <input class="blue-submit" name="signin" type="submit" value="Sign Up" />
            </p>
            <div class="smallspacer"></div>
            <p><span>Already has an account? <a href="/signin">Sign In</a></span></p>
            <p>Want to create an company account? <span><a href="/job/about-posting">Post a job</a> to create one </span></p>
        </fieldset>
    </div>
}

@section FooterContent
{
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
}
